<!DOCTYPE html>
<html>

<head>
  <title>问答首页</title>
  <meta charset="utf-8">
  <meta name="Keywords " content="$SiteKeywords " />
  <meta name="Description " content="$SiteDescription " />
  <link rel="stylesheet " type="text/css " href="css/bootstrap.min.css" />
  <link rel="stylesheet " type="text/css " href="css/globle.css " />
  <link rel="stylesheet " type="text/css " href="css/popupInsert.css " />
  <link rel="stylesheet " type="text/css " href="css/style.css " />
  <script src='js/jquery-2.0.3.js'></script>
  <script src='js/popupInsert.js'></script>
  <script src='js/jquery.cookie.js'></script>
  <script src='js/index.js'></script>
  <script type="text/javascript">
  $(function() {
    var name = $.cookie("name");
    if (name) {
      $(".user-name").html('<span class="glyphicon glyphicon-user"></span>' + name).addClass("online");
    } else {
      $(".user-name").html('<span class="glyphicon glyphicon-user"></span>登陆');
    }
    // 控制用户下拉，如果同有登陆跳登陆页面
    $("body").on("click", ".user-name", function() {
      if ($(this).hasClass("online")) {
        $(".user-info").css({
          top: 50 + "px",
          right: -7 + "px"
        });
        $(".user-info").slideToggle();
      } else {
        location.href = "/login.html";
      }
    });
    $(".user-info a:first-child").click(function() {
      location.href = "/upload.html";
    });
    $(".user-info a:last-child").click(function(event) {
      $.cookie("name", name, {
        expires: -1
      });
      $.popup("退出成功", function() {
        location.href = "/index.html";
      });
    });
  });
  </script>
  <script type="text/javascript">
  $(function() {
    // 点击某个问题事件
    $(".messages").on("click", ".ask", function(e) {
      // 获取问题的文件名
      var querstion = $(this).attr("data-time");
      // 把文件名写入cookie
      $.cookie("querstion", querstion);
      // 跳转回答问题页面
      location.href = "/answer.html?querstion=" + querstion;
    });
    // 问答列表
    $.getJSON("/querstions", function(res, status) {
      if (status == "success") {
        //所有问题的数据（包括回答）
        var allAsks = res.data;
        var html = "";
        allAsks.forEach(function(askObj, index) {
          html = html + "<li class=\"ask\" data-time=\"" + askObj.time + "\">" + "    <img src=\"uploads/" + askObj.name + ".jpg\" alt=\"\" class=\"user-photo fl\" width=\"64\" height=\"64\">" + "    <h2 class=\"h2-title\">" + askObj.name + "</h2>" + "    <p class=\"ptext\">" + formatContent(askObj.content) + "</p>" + "    <p class=\"ptime\">" + formatTime(askObj.time) + "</p>" + "</li>";
        });
        $(".messages").html(html);
      }
    });
  });
  </script>
</head>

<body>
  <div class="h50"></div>
  <div id="nav">
    <nav class="nav">
      <!-- 用户下拉 -->
      <div class="user-info" style="display: none">
        <a href="javascript:;">个人资料</a>
        <a href="javascript:;">退出</a>
      </div>
      <div class="logo">智游教育</div>
      <!-- <div class="back"><span class="glyphicon glyphicon-chevron-left"></span></div> -->
      <!-- <div class="title">注册</div> -->
      <!-- <div class="user">
      <span>
      <span class="glyphicon glyphicon-plus"></span>提问</span>&#x3000;
      <span><span class="glyphicon glyphicon-user"></span>登陆</span>
      </div> -->
      <div class="user">
        <span>
      <span class="glyphicon glyphicon-plus"></span>提问</span>&#x3000;
        <span class="user-name"><span class="glyphicon glyphicon-user"></span>尹学江</span>
      </div>
    </nav>
  </div>
  <main>
    <ul class="messages">
      <li class="ask">
        <img src="images/photo1.jpg" alt="" class="user-photo fl" width="64" height="64">
        <h2 class="h2-title">哈哈哈哈哈哈</h2>
        <p class="ptext">我是一名高中生我是一名高中生我是一名高中生我是一名高中生我是一名高中生我是一名高中生我是一名高中生我是一名高中生我是一名高中生我是一名高中生我是一名高中生我是一名高中生我是一名高中生我是一名高中生</p>
        <p class="ptime">2016-10-10 10:40</p>
      </li>
      <li class="answer">
        <img src="images/photo_default.jpg" alt="" class="user-photo fr" width="64" height="64">
        <h2 class="h2-title">哈哈哈哈哈哈</h2>
        <p class="ptext">我是一名高中生</p>
        <p class="ptime">2016-10-10 10:40</p>
      </li>
      <li class="answer">
        <img src="images/photo_default.jpg" alt="" class="user-photo fr" width="64" height="64">
        <h2 class="h2-title">哈哈哈哈哈哈</h2>
        <p class="ptext">我是一名高中生</p>
        <p class="ptime">2016-10-10 10:40</p>
      </li>
      <li class="answer">
        <img src="images/photo_default.jpg" alt="" class="user-photo fr" width="64" height="64">
        <h2 class="h2-title">哈哈哈哈哈哈</h2>
        <p class="ptext">我是一名高中生</p>
        <p class="ptime">2016-10-10 10:40</p>
      </li>
      <li class="ask">
        <img src="images/photo1.jpg" alt="" class="user-photo fl" width="64" height="64">
        <h2 class="h2-title">哈哈哈哈哈哈</h2>
        <p class="ptext">我是一名高中生我是一名高中生我是一名高中生我是一名高中生我是一名高中生我是一名高中生我是一名高中生我是一名高中生我是一名高中生我是一名高中生我是一名高中生我是一名高中生我是一名高中生我是一名高中生</p>
        <p class="ptime">2016-10-10 10:40</p>
      </li>
      <li class="answer">
        <img src="images/photo_default.jpg" alt="" class="user-photo fr" width="64" height="64">
        <h2 class="h2-title">哈哈哈哈哈哈</h2>
        <p class="ptext">我是一名高中生</p>
        <p class="ptime">2016-10-10 10:40</p>
      </li>
      <li class="answer">
        <img src="images/photo_default.jpg" alt="" class="user-photo fr" width="64" height="64">
        <h2 class="h2-title">哈哈哈哈哈哈</h2>
        <p class="ptext">我是一名高中生</p>
        <p class="ptime">2016-10-10 10:40</p>
      </li>
      <li class="answer">
        <img src="images/photo_default.jpg" alt="" class="user-photo fr" width="64" height="64">
        <h2 class="h2-title">哈哈哈哈哈哈</h2>
        <p class="ptext">我是一名高中生</p>
        <p class="ptime">2016-10-10 10:40</p>
      </li>
      <li class="ask">
        <img src="images/photo1.jpg" alt="" class="user-photo fl" width="64" height="64">
        <h2 class="h2-title">哈哈哈哈哈哈</h2>
        <p class="ptext">我是一名高中生我是一名高中生我是一名高中生我是一名高中生我是一名高中生我是一名高中生我是一名高中生我是一名高中生我是一名高中生我是一名高中生我是一名高中生我是一名高中生我是一名高中生我是一名高中生</p>
        <p class="ptime">2016-10-10 10:40</p>
      </li>
      <li class="answer">
        <img src="images/photo_default.jpg" alt="" class="user-photo fr" width="64" height="64">
        <h2 class="h2-title">哈哈哈哈哈哈</h2>
        <p class="ptext">我是一名高中生</p>
        <p class="ptime">2016-10-10 10:40</p>
      </li>
      <li class="answer">
        <img src="images/photo_default.jpg" alt="" class="user-photo fr" width="64" height="64">
        <h2 class="h2-title">哈哈哈哈哈哈</h2>
        <p class="ptext">我是一名高中生</p>
        <p class="ptime">2016-10-10 10:40</p>
      </li>
      <li class="answer">
        <img src="images/photo_default.jpg" alt="" class="user-photo fr" width="64" height="64">
        <h2 class="h2-title">哈哈哈哈哈哈</h2>
        <p class="ptext">我是一名高中生</p>
        <p class="ptime">2016-10-10 10:40</p>
      </li>
      <li class="ask">
        <img src="images/photo1.jpg" alt="" class="user-photo fl" width="64" height="64">
        <h2 class="h2-title">哈哈哈哈哈哈</h2>
        <p class="ptext">我是一名高中生我是一名高中生我是一名高中生我是一名高中生我是一名高中生我是一名高中生我是一名高中生我是一名高中生我是一名高中生我是一名高中生我是一名高中生我是一名高中生我是一名高中生我是一名高中生</p>
        <p class="ptime">2016-10-10 10:40</p>
      </li>
      <li class="answer">
        <img src="images/photo_default.jpg" alt="" class="user-photo fr" width="64" height="64">
        <h2 class="h2-title">哈哈哈哈哈哈</h2>
        <p class="ptext">我是一名高中生</p>
        <p class="ptime">2016-10-10 10:40</p>
      </li>
      <li class="answer">
        <img src="images/photo_default.jpg" alt="" class="user-photo fr" width="64" height="64">
        <h2 class="h2-title">哈哈哈哈哈哈</h2>
        <p class="ptext">我是一名高中生</p>
        <p class="ptime">2016-10-10 10:40</p>
      </li>
      <li class="answer">
        <img src="images/photo_default.jpg" alt="" class="user-photo fr" width="64" height="64">
        <h2 class="h2-title">哈哈哈哈哈哈</h2>
        <p class="ptext">我是一名高中生</p>
        <p class="ptime">2016-10-10 10:40</p>
      </li>
    </ul>
  </main>
</body>
<script type="text/javascript">
</script>

</html>
